<template>
    <div class="item">
        <div class="item1"></div>
        <div class="item2"></div>
        <div class="item3"></div>
    </div>
</template>
<style scoped>
.item{
    display: flex;
}
.item1{
    flex-grow: 1;
    height: 100px;
    background: chartreuse;
}
.item2{
    flex-grow: 2;
    height: 100px;
    background: darkcyan;
}
.item3{
    flex-grow: 3;
    height: 100px;
    background: rgb(190, 164, 47);
}
</style>
